.ac-list {
  padding: 0 .5rem;
}

.ac-swiper {
  overflow: hidden;
  img {
    width: 100%;
    height: 100%;
  }
}

.ac-box {
  position: relative;
  font-size: .7rem;
  width: 100%;
  padding-bottom: .8rem;
  margin-top: .8rem;
  border-bottom: 1px solid #e8e8e8;
  &:last-child {
    border: 0;
  }
  .ac-swiper {
    border-radius: .3rem;
  }
  .title {
    @include lineclamp(2);
    margin: .4rem .2rem;
  }
  .time {
    color: #a0a0a0;
    font-size: .6rem;
    margin: 0 .2rem;
  }
}
.ac-related .about-list-li >span{
  @extend %ellipsis 
}
.ac-status {
  position: absolute;
  right: .5rem;
  bottom: .5rem;
  font-size: .6rem;
  span {
    background-color: #fff;
    color: #fff;
    display: block;
    border-radius: .6rem;
    padding: .1rem .4rem;
  }
  .notbegun {
    background-color: #ffa000;
  }
  .underway {
    background-color: #7cb342;
  }
  .over {
    background-color: #607D8B;
  }
}

.ac-art {
  margin-top: .6rem;
}

.ac-info {
  width: 96%;
  margin: 1rem auto;
  font-size: .625rem;
  line-height: 1.6em;
  border-radius: .2rem;
  padding: .2rem .5rem;
  background-color: #f0f0f0;
  color: #666;
  p {
    margin: .3rem 0 .2rem;
  }
}

.travel {
  padding: .5rem;
  .collapse-item {
    width: 100%;
    margin-bottom: .3rem;
    overflow: hidden;
    max-height: 0;
    transition: max-height .2s ease-out;
  }
  .open_item {
    max-height: 100%;
    transition: max-height .2s ease-in;
  }
  .collapse-title {
    background: #666;
    color: #fff;
    font-size: .72rem;
    line-height: 1.72rem;
    padding: 0 .4rem;
    border-radius: .2rem;
  }
  .a {
    background: #ffa000;
  }
}
